<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>老汉健身计划自动生成-首页</title>
		 <!-- Bootstrap -->
    	<link type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/jquery.step.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css">
	</head>

	<body>
		<div class="container conBox">
			<div class="row">
				<div class="col-md-12 bc">
						<h3 class="text-center" style="">老汉健身计划自动生成系统</h3>
						<div class="main">
							<div id="step"></div>
							<div class="alert alert-warning"><p><span class="glyphicon glyphicon-bullhorn"></span><b> Tips:</b></p>
								<p>本站承诺保障您的个人隐私安全,绝不滥发信息骚扰您 ! 当然您也可以选择啥玩意都不填直接进入下一步 !</p>
							</div>
								<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">尊称:</label>
										<div class="col-sm-5">
											<input type="email" id="name" class="form-control" placeholder="请输入您的尊称:老汉 (非必填)">
										</div>
									</div>
								</form>
										<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">芳龄:</label>
										<div class="col-sm-5">
											<input type="email" id="age" class="form-control" placeholder="请输入您的芳龄:18 (非必填)">
										</div>
									</div>
								</form>
										<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">微信:</label>
										<div class="col-sm-5">
											<input type="email" id="wechat" class="form-control" placeholder="请输入您的微信:252645816 (非必填)">
										</div>
									</div>
								</form>
										<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">企鹅:</label>
										<div class="col-sm-5">
											<input type="email" id="qq" class="form-control" placeholder="请输入您的QQ:252645816 (非必填)">
										</div>
									</div>
								</form>
										<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">邮箱:</label>
										<div class="col-sm-5">
											<input type="email" id="mail" class="form-control" placeholder="请输入您的邮箱:252645816@qq.com (非必填)">
										</div>
									</div>
								</form>
										<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-sm-4 control-label">手机:</label>
										<div class="col-sm-5">
											<input type="email" id="phone" class="form-control" placeholder="请输入您的手机号:13588207817 (非必填)">
										</div>
									</div>
								</form>
							<div class="btns">
								<button id="nextBtn" style="background-color: #ec971f;">下一步</button>
							</div>
							<div class="copyright">
							<p>©Copyright 2019 老汉健身 版权所有</p>
							</div>
							<p id="index"></p>
						</div>
				</div>
			</div>
		</div>
	
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.step.min.js"></script>
		<script type="text/javascript" src="./js/index.js"></script>
	</body>

</html>